import React, { PureComponent } from 'react';
import styles from './KXShopIcons.less';

export default class KXShopIcons extends PureComponent {
  render() {
    const { levelClasses } = this.props;
    if (levelClasses && levelClasses.length > 0) {
      const level = levelClasses.map((item,index)=>
        <label key={`level11${index}`} className={styles[`${item.levelClass}`]}></label>
      );
      return (
        <div className={styles.ranks}>{level}</div>
      );
    } else {
      return '';
    }
    
  }
}